<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>

</head>
<body>
	<script>
		let str = '潘嘎之交,嘎嘎嘎'
		let str1 = 'abcdaaaaAAAA'
		// 1. 使用replace处理  只能替换一个字符
		/* let res = str.replace('嘎', '<span style="color: red">嘎</span>' )
		document.body.innerHTML = res */

		// 2. 使用replace方法和正则配合处理 //gi g全局匹配 i是忽略大小写
		// let res = str.replace(/嘎/g, '<span style="color: red">嘎</span>')
		let k = 'a' 
		// /变量/ 这种方式正则处理不了
		let res = str1.replace(/k/gi, '<span style="color: red">A</span>')
		document.body.innerHTML = res
		// 以上有一个问题 问题1 不能原样处理(需要的效果是大写还是大写,小写还是小写)
		//               问题2 处理不了变量  已经接近90%
	</script>
</body>
</html>